﻿<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>
    <link href="../../skins/grey/css/novaui.css" rel="stylesheet" type="text/css" />
    <script src="http://ajax.microsoft.com/ajax/jquery/jquery-1.7.min.js" type="text/javascript"></script>
    <script src="../../js/novaui.min.js" type="text/javascript"></script>
	<script type="text/javascript">

	    function changeZIndex(obj)
	    {
	        $(obj).css("z-index", 2).siblings("div").css("z-index", 1);
	    }
	    $(function ()
	    {
	        $('#rr1,#rr3').novaDrag({
	            onStartDrag: function (current)
	            {
	                changeZIndex(current.target[0]);
	            }
	        });
	        $('#rr2').novaDrag();
	    });
         
	</script>
</head>
<body style="padding:100px">
	<div id="rr1" style="width:200px;height:200px;top:230px; left:200px; background:#A6DBD8; z-index:1; position:absolute;"> </div>

   <div id="rr2" style="width:140px;height:300px;top:40px; left:350px; background:#AFCCF1; z-index:2;position:absolute;"> 
   <div id="rr2h" style="width:100%; height:30px; background:#95BBEC; line-height:30px;">
         
    </div>
   </div>

   <div id="rr3" style="width:200px;height:200px;top:150px; background:#DA9188; z-index:3;position:absolute;"> </div>


    <div id="message"></div>

    <div style="display:none">
    <!-- 流量统计代码 --> 
    </div>
</body>
</html>